﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>宿舍管理系统</title>
<link rel="shortcut icon" href="${pageContext.request.contextPath }/statics/images/logo.jpg"/>
<link href="${pageContext.request.contextPath}/statics/bootstrap-3.3.5-dist/css/bootstrap.min.css" title="" rel="stylesheet" />
<link title="" href="${pageContext.request.contextPath}/statics/css/style.css" rel="stylesheet" type="text/css"  />
<link title="blue" href="${pageContext.request.contextPath}/statics/css/dermadefault.css" rel="stylesheet" type="text/css"/>
<link title="green" href="${pageContext.request.contextPath}/statics/css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled"/>
<link title="orange" href="${pageContext.request.contextPath}/statics/css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled"/>
<link href="${pageContext.request.contextPath}/statics/css/templatecss.css" rel="stylesheet" title="" type="text/css" />
<script src="${pageContext.request.contextPath}/statics/js/jquery-1.12.4.js"></script>
<script src="${pageContext.request.contextPath}/statics/script/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/statics/script/jquery.cookie.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/statics/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/statics/ckeditor/ckeditor.js"></script>
 <script type="text/javascript">
	history.go(1);
</script>
<style type="text/css">
	
	a{text-decoration:none;} 
	.max:hover{
		width: 20%;
		height: 20%;
	}
</style>

<script type="text/javascript">
    window.onload = function()
    {
        CKEDITOR.replace( 'description');
        CKEDITOR.replace( 'description1');
        CKEDITOR.replace( 'description2');
    };
</script>
<script>
     function fileSelect(elementId){
     document.getElementById(elementId).click();
	document.getElementById("show1").style.backgroundImage = "url('')";
	$("#img1").hide();
     }
     function showImage(file,id){
            var div = document.getElementById(id);


            if (file.files && file.files[0])
            {
                div.innerHTML ='<img id=img_'+id+'>';
                var img = document.getElementById('img_'+id);
                img.onload = function(){
                    img.width  =  "100";
                }
                var reader = new FileReader();
                reader.onload = function(evt){img.src = evt.target.result;}
                reader.readAsDataURL(file.files[0]);
            }
            else //兼容IE
            {
                var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
                file.select();
                var src = document.selection.createRange().text;
                div.innerHTML ='<img id=img_'+id+'>';
                var img = document.getElementById('img_'+id);
                img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
                div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
            }
        }
</script>
<script>
     function fileSelect(elementId){
     document.getElementById(elementId).click();
	document.getElementById("show11").style.backgroundImage = "url('')";
     }
     function showImage(file,id){
            var div = document.getElementById(id);


            if (file.files && file.files[0])
            {
                div.innerHTML ='<img id=1img_'+id+'>';
                var img = document.getElementById('1img_'+id);
                img.onload = function(){
                    img.width  =  "100";
                }
                var reader = new FileReader();
                reader.onload = function(evt){img.src = evt.target.result;}
                reader.readAsDataURL(file.files[0]);
            }
            else //兼容IE
            {
                var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
                file.select();
                var src = document.selection.createRange().text;
                div.innerHTML ='<img id=1img_'+id+'>';
                var img = document.getElementById('1img_'+id);
                img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
                div.innerHTML = "<div id=1divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
            }
        }
</script>
<script>
     function fileSelect(elementId){
     document.getElementById(elementId).click();
	document.getElementById("show12").style.backgroundImage = "url('')";
     }
     function showImage(file,id){
            var div = document.getElementById(id);


            if (file.files && file.files[0])
            {
                div.innerHTML ='<img id=2img_'+id+'>';
                var img = document.getElementById('2img_'+id);
                img.onload = function(){
                    img.width  =  "100";
                }
                var reader = new FileReader();
                reader.onload = function(evt){img.src = evt.target.result;}
                reader.readAsDataURL(file.files[0]);
            }
            else //兼容IE
            {
                var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
                file.select();
                var src = document.selection.createRange().text;
                div.innerHTML ='<img id=2img_'+id+'>';
                var img = document.getElementById('2img_'+id);
                img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
                div.innerHTML = "<div id=2divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
            }
        }
</script>

</head>

<body>

<!-- 显示时间开始 -->
	<script type="text/JavaScript">
		$(function() {
			var data=new Date();
			var hour=data.getHours();
			var year=data.getFullYear();
			var month=data.getMonth();
			var date=data.getDate();
			var day=data.getDay();
			if(day==1){
				day="一";
			}else if(day==2){
				day="二";
			}else if(day==3){
				day="三";
			}else if(day==4){
				day="四";
			}else if(day==5){
				day="五";
			}else if(day==6){
				day="六";
			}else if(day==0){
				day="日";
			}
			$("#Hours").text(hour);
			$("#year").text(year);
			$("#month").text(month+1);
			$("#date").text(date);
			$("#day").text(day);
			
		})
	</script>

<!-- 显示时间结束 -->


<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
  <div class="navbar-header">
    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>
    <a class="navbar-brand mystyle-brand"><span class="glyphicon glyphicon-home"></span></a> </div>
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="li-border"><a class="mystyle-color" href="#">宿舍管理控制台</a></li>
     <!-- <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">产品与服务<span class="caret"></span></a> --> 
        <!----下拉框选项---->
         <!--<div class="dropdown-menu topbar-nav-list">
             <div class="topbar-nav-col">
               <div class="topbar-nav-item">
               <p class="topbar-nav-item-title">弹性计算</p>
               <ul>
                 <li><a href="#">
                     <span class="glyphicon glyphicon-road"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-picture"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-gift"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                </ul>
               </div>
               
               <div class="">
               <p class="topbar-nav-item-title">弹性计算</p>
               <ul>
                 <li><a href="#">
                     <span class="glyphicon glyphicon-road"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-picture"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-gift"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
               </ul>
               </div> 
             </div>
             
             
             <div class="topbar-nav-col">
               <div class="topbar-nav-item">
               <p class="topbar-nav-item-title">弹性计算</p>
               <ul>
                 <li><a href="#">
                     <span class="glyphicon glyphicon-road"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-picture"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-gift"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                </ul>
               </div>
               
               <div class="">
               <p class="topbar-nav-item-title">弹性计算</p>
               <ul>
                 <li><a href="#">
                     <span class="glyphicon glyphicon-road"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-picture"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
                  <li><a href="#">
                     <span class="glyphicon glyphicon-gift"></span> 
                     <span class="">云服务器 ECS</span> 
                 </a>
                 </li>
               </ul>
               </div>
               
             </div>
             
         </div>-->
      </li>
    </ul>
    
    <ul class="nav navbar-nav pull-right">
    <c:if test="${userlogin.userrole==1}">
      <!-- <li class="li-border">
          <a href="#" class="mystyle-color">
            <span class="glyphicon glyphicon-bell"></span>
            <span class="topbar-num">0</span>
          </a>
      </li> --> 
    </c:if>  
       <li class="li-border dropdown"><a href="#" class="mystyle-color" data-toggle="dropdown">
      <span class="glyphicon glyphicon-search"></span> 搜索</a>
         <div class="dropdown-menu search-dropdown">
            <div class="input-group">
            <form action="${pageContext.request.contextPath}/users/toshouye" target="main" method="post">
               <input type="text" name="context" id="Searchcontext" style="width: 223px" class="form-control" value="${context}">
                  <input type="submit" id="search"  class="btn btn-default" value="搜索"/>
                 </form>
            </div>
         </div>
      </li>
     <!-- <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">帮助与文档<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">帮助与文档</a></li>
          <li class="divider"></li>
          <li><a href="#">论坛</a></li>
          <li class="divider"></li>
          <li><a href="#">博客</a></li>
        </ul>
      </li>
       --> 
      <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">${userlogin.username}<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="${pageContext.request.contextPath}/users/outlogin">退出</a></li>
        </ul>
      </li>
      <li class="dropdown"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">换肤<span class="caret"></span></a>
        <ul class="dropdown-menu changecolor">
          <li id="blue"><a href="#">蓝色</a></li>
          <li class="divider"></li>
          <li id="green"><a href="#">绿色</a></li>
          <li class="divider"></li>
          <li id="orange"><a href="#">橙色</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>
<div class="down-main">
  <div class="left-main left-full">
    <div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
    <div class="subNavBox">
      <div class="sBox">
       <div class="subNav sublist-down"><span class="title-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">系统中心</span>
        </div>
        <ul class="navContent" style="display:block">
          <li class="active">
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />系统首页</div>
            <a href="${pageContext.request.contextPath}/users/redirct"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">系统首页</span></a> </li>
         <!-- <li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />消息中心</div>
            <a href="message.html"><span class="sublist-icon glyphicon glyphicon-envelope"></span><span class="sub-title">消息中心</span></a> </li>
          <li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />短信</div>
            <a href="smsInfo.html"><span class="sublist-icon glyphicon glyphicon-bullhorn"></span><span class="sub-title">短信</span></a></li>
          <li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />实名认证</div>
            <a href="identify.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">实名认证</span></a></li>
             --> 
        </ul>
      </div>
      <div class="sBox">
        <div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">个人中心</span></div>
        <ul class="navContent" style="display:none">
          <li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />编辑资料</div>
            <a href="${pageContext.request.contextPath}/users/touserinfo?userid=${userlogin.userid}"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">编辑资料</span></a></li>
         <!-- <li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />我的吐槽</div>
            <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">我的吐槽</span></a></li>
             --> 
             <c:if test="${userlogin.userrole==2}">
          <li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />我的建议</div>
            <a target="main" href="${pageContext.request.contextPath}/opinion/queryAllOpinion?userid=${userlogin.userid}"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">我的建议</span></a></li>
            </c:if>
            <c:if test="${userlogin.userrole==1}">
            	<li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />管理建议</div>
            <a target="main" href="${pageContext.request.contextPath}/opinion/toguanopinion"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">管理建议</span></a></li>
            	<li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />管理吐槽</div>
            <a target="main" href="${pageContext.request.contextPath}/complaints/toguanComplaints"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">管理吐槽</span></a></li>
            	<li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />处理报修</div>
            <a target="main" href="${pageContext.request.contextPath}/repair/tochurepair"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">处理报修</span></a></li>
            	<li>
            <div class="showtitle" style="width:100px;"><img src="${pageContext.request.contextPath}/statics/img/leftimg.png" />宿舍管理</div>
            <a target="main" href="${pageContext.request.contextPath}/users/tohuansushe"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">宿舍管理</span></a></li>
            </c:if>
          <!--<li>
            <div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />新闻管理</div>
            <a href="#"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">新闻管理</span></a></li>
             --> 
        </ul>
      </div>
    </div>
  </div>
  <div class="right-product my-index right-full">
     <div class="container-fluid">
	   <div class="info-center">
       
       <!---title----->
            <div class="info-title">
              <div class="pull-left">
                <h4><strong>${userlogin.username}</strong></h4>
                <p>欢迎登录宿舍管理系统！ <a href="#">宿舍之家</a></p>
              </div>
              <div class="time-title pull-right">
                  <div class="year-month pull-left">
                    <p><span>星期</span><span id="day"></span></p>
                    <p><span id="year"></span>年<span id="month"></span>月<span id="date"></span>日</p>
                  </div>
                <!-- <div class="hour-minute pull-right">
                     <strong id="Hours"></strong>
                  </div> -->  
              </div>
              <div class="clearfix"></div>
            </div>
           <!----content-list----> 
            <div class="content-list">
               <div class="row">
               
           <c:if test="${userlogin.userrole==1}">
               
              <div class="col-md-3">
                    <div class="content">
                       <div class="w30 left-icon pull-left">
                          <span class="glyphicon glyphicon-file orange"></span>
                       </div>
                       <div class="w70 right-title pull-right">
                       <div class="title-content">
                           <p>发布舍规</p>
                           <h3 class="number">规</h3>
                           <button class="btn btn-default" id="woyaotucaobtn">我要发布<span style="color:red;">*</span></button>
                           <button class="btn btn-default" id="woyaotucaodown">收起发布<span style="color:red;">*</span></button>
                       </div>
                       </div>
                       <div class="clearfix"></div>
                    </div>
                 </div>
                  </c:if>
                  <c:if test="${userlogin.userrole==2}">
                 <div class="col-md-3">
                    <div class="content">
                       <div class="w30 left-icon pull-left">
                          <span class="glyphicon glyphicon-file blue"></span>
                       </div>
                       <div class="w70 right-title pull-right">
                       <div class="title-content">
                           <p>物品报修</p>
                         	<h3 class="number">宿</h3>
                           <button class="btn btn-default" id="wupinbaoxiubtn">物品报修<span style="color:red;">*</span></button>
                           <button class="btn btn-default" id="wupinbaoxiudown">收起报修<span style="color:red;">*</span></button>
                       </div>
                       </div>
                       <div class="clearfix"></div>
                    </div>
                 </div> 
                 
                 
                  <div class="col-md-3">
                    <div class="content">
                       <div class="w30 left-icon pull-left">
                          <span class="glyphicon glyphicon-file orange"></span>
                       </div>
                       <div class="w70 right-title pull-right">
                       <div class="title-content">
                           <p>我要吐槽</p>
                           <h3 class="number">舍</h3>
                           <button class="btn btn-default" id="woyaotucaobtn">我要吐槽<span style="color:red;">*</span></button>
                           <button class="btn btn-default" id="woyaotucaodown">收起吐槽<span style="color:red;">*</span></button>
                       </div>
                       </div>
                       <div class="clearfix"></div>
                    </div>
                 </div>
                  <div class="col-md-3">
                    <div class="content">
                       <div class="w30 left-icon pull-left">
                          <span class="glyphicon glyphicon-file violet"></span>
                       </div>
                       <div class="w70 right-title pull-right">
                       <div class="title-content">
                           <p>提交建议</p>
                           <h3 class="number">管</h3>
                           <button class="btn btn-default" id="tijiaojianyibtn">提交建议<span style="color:red;">*</span></button>
                           <button class="btn btn-default" id="tijiaojianyidown">收起建议<span style="color:red;">*</span></button>
                       </div>
                       </div>
                       <div class="clearfix"></div>
                    </div>
                 </div>
                  <div class="col-md-3">
                    <div class="content">
                       <div class="w30 left-icon pull-left">
                          <span class="glyphicon glyphicon-file green"></span>
                       </div>
                       <div class="w70 right-title pull-right">
                       <div class="title-content">
                           <p>私信楼管</p>
                           <h3 class="number">理</h3>
                           <button class="btn btn-default" disabled="disabled">暂未开放<span style="color:red;">*</span></button>
                       </div>
                       </div>
                       <div class="clearfix"></div>
                    </div>
                 </div>
                </c:if>
               </div>
               <!-- 物品报修开始 -->
               <script type="text/javascript">
               		$(function() {
						$("#wupinbaoxiu").hide();
						$("#wupinbaoxiudown").hide();
						$("#wupinbaoxiubtn").click(function() {
							$("#tijiaojianyibtn").show();
							$("#tijiaojianyidown").hide();
							$("#woyaotucaobtn").show();
							$("#woyaotucaodown").hide();
							$("#woyaotucao").hide();
							$("#tijiaojianyi").hide();
							$("#wupinbaoxiubtn").hide();
							$("#wupinbaoxiudown").show();
							$("#wupinbaoxiu").slideDown(2000);
						})
						$("#wupinbaoxiudown").click(function() {
							$("#wupinbaoxiubtn").show();
							$("#wupinbaoxiudown").hide();
							$("#wupinbaoxiu").slideUp(2000);
						})
					})
					
               </script>
               <div id="wupinbaoxiu">
               	<form id="f1" enctype="multipart/form-data" action="${pageContext.request.contextPath}/repair/saveRepair" method="post">
					<textarea name="context" id="description"></textarea>
					<!-- <input type="text" name="content" /> -->
					<input type="hidden" name="_userid" value="${userlogin.userid}" />
					<input type="file" name="a_idPicPath" id="a_idPicPath" onchange="showImage(this,'show1');" style="left:-9999px;position:absolute;" />
					<div id="show1" onclick="fileSelect('a_idPicPath')">
					<img width="100px" height="100px" id="img1" src="${pageContext.request.contextPath}/statics/images/upimg.png" alt="" />
					</div>
					<input type="submit" value="提交*" class="btn btn-default"/>
				</form>
				${message}
               </div>
               <!-- 物品报修结束 -->
               
               
               <!-- 我要吐槽开始 -->
               <script type="text/javascript">
               		$(function() {
						$("#woyaotucao").hide();
						$("#woyaotucaodown").hide();
						$("#woyaotucaobtn").click(function() {
							$("#wupinbaoxiubtn").show();
							$("#wupinbaoxiudown").hide();
							$("#tijiaojianyibtn").show();
							$("#tijiaojianyidown").hide();
							$("#tijiaojianyi").hide();
               				$("#wupinbaoxiu").hide();
							$("#woyaotucaobtn").hide();
							$("#woyaotucaodown").show();
							$("#woyaotucao").slideDown(2000);
						})
						$("#woyaotucaodown").click(function() {
							$("#woyaotucaobtn").show();
							$("#woyaotucaodown").hide();
							$("#woyaotucao").slideUp(2000);
						})
					})
               </script>
               <div id="woyaotucao">
               	<form enctype="multipart/form-data" action="${pageContext.request.contextPath}/complaints/saveComplaints?_userid=${userlogin.userid}" method="post">
					<textarea name="context" id="description1"/></textarea>
					<!-- <input type="text" name="content" /> -->
					<input type="file" name="a_idPicPath1" id="a_idPicPath1" onchange="showImage(this,'show11');" style="left:-9999px;position:absolute;" />
					<div id="show11" onclick="fileSelect('a_idPicPath1')">
					<img width="100px" height="100px" id="img1" src="${pageContext.request.contextPath}/statics/images/upimg.png" alt="" />
					</div>
					<input type="submit" value="提交*" class="btn btn-default"/>
				</form>
				${message}
               </div>
               <!-- 我要吐槽结束 -->
               
               
               <!-- 提交建议开始 -->
               <script type="text/javascript">
               		$(function() {
						$("#tijiaojianyi").hide();
						$("#tijiaojianyidown").hide();
						$("#tijiaojianyibtn").click(function() {
							$("#woyaotucaobtn").show();
							$("#woyaotucaodown").hide();
							$("#wupinbaoxiubtn").show();
							$("#wupinbaoxiudown").hide();
               				$("#wupinbaoxiu").hide();
							$("#woyaotucao").hide();
							$("#tijiaojianyibtn").hide();
							$("#tijiaojianyidown").show();
							$("#tijiaojianyi").slideDown(2000);
						})
						$("#tijiaojianyidown").click(function() {
							$("#tijiaojianyibtn").show();
							$("#tijiaojianyidown").hide();
							$("#tijiaojianyi").slideUp(2000);
						})
					})
               </script>
               <div id="tijiaojianyi">
               	<form enctype="multipart/form-data" action="${pageContext.request.contextPath}/opinion/saveOpinion?_userid=${userlogin.userid}" method="post">
					<textarea name="context" id="description2"/></textarea>
					<!-- <input type="text" name="content" /> -->
					<input type="file" name="a_idPicPath2" id="a_idPicPath2" onchange="showImage(this,'show12');" style="left:-9999px;position:absolute;" />
					<div id="show12" onclick="fileSelect('a_idPicPath2')">
					<img width="100px" height="100px" id="img1" src="${pageContext.request.contextPath}/statics/images/upimg.png" alt="" />
					</div>
					<p style="font-size: 17px;"><input style="width: 17px;height: 17px;" type="checkbox" name="notname" value="1" />匿名发布</p><br />
					<input type="submit" value="提交*" class="btn btn-default"/>
				</form>
				${message}
               </div>
               <!-- 提交建议结束 -->
               
               
               <!-------信息列表------->
               
            </div>
           
       </div>			
	 </div>
	 <br />
                <iframe  src="${pageContext.request.contextPath}/users/toshouye" marginwidth="100px"  frameborder="0" width="100%" height="100%" name="main" ></iframe>
  </div>
</div>
<script type="text/javascript">
$(function(){
/*换肤*/
$(".dropdown .changecolor li").click(function(){
	var style = $(this).attr("id");
    $("link[title!='']").attr("disabled","disabled"); 
	$("link[title='"+style+"']").removeAttr("disabled"); 

	$.cookie('mystyle', style, { expires: 7 }); // 存储一个带7天期限的 cookie 
})
var cookie_style = $.cookie("mystyle"); 
if(cookie_style!=null){ 
    $("link[title!='']").attr("disabled","disabled"); 
	$("link[title='"+cookie_style+"']").removeAttr("disabled"); 
} 
/*左侧导航栏显示隐藏功能*/
$(".subNav").click(function(){				
			/*显示*/
			if($(this).find("span:first-child").attr('class')=="title-icon glyphicon glyphicon-chevron-down")
			{
				$(this).find("span:first-child").removeClass("glyphicon-chevron-down");
			    $(this).find("span:first-child").addClass("glyphicon-chevron-up");
			    $(this).removeClass("sublist-down");
				$(this).addClass("sublist-up");
			}
			/*隐藏*/
			else
			{
				$(this).find("span:first-child").removeClass("glyphicon-chevron-up");
				$(this).find("span:first-child").addClass("glyphicon-chevron-down");
				$(this).removeClass("sublist-up");
				$(this).addClass("sublist-down");
			}	
		// 修改数字控制速度， slideUp(500)控制卷起速度
	    $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
	})
/*左侧导航栏缩进功能*/
$(".left-main .sidebar-fold").click(function(){
	if($(this).parent().attr('class')=="left-main left-full")
	{
		$(this).parent().removeClass("left-full");
		$(this).parent().addClass("left-off");
		$(this).parent().parent().find(".right-product").removeClass("right-full");
		$(this).parent().parent().find(".right-product").addClass("right-off");
		}
	else
	{
		$(this).parent().removeClass("left-off");
		$(this).parent().addClass("left-full");
		
		$(this).parent().parent().find(".right-product").removeClass("right-off");
		$(this).parent().parent().find(".right-product").addClass("right-full");
		
		}
	})	
 
  /*左侧鼠标移入提示功能*/
		$(".sBox ul li").mouseenter(function(){
			if($(this).find("span:last-child").css("display")=="none")
			{$(this).find("div").show();}
			}).mouseleave(function(){$(this).find("div").hide();})	
})
</script>
</body>
</html>
